<template>
    <div class="jul-row">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name: 'jul-row',
    provide() {
        return {
            JulRow: this
        }
    }
}
</script>

<style lang="scss">
    .jul-row {
        position: relative;
        box-sizing: border-box;
        *zoom: 1;
        &::before,
        &::after {
            display: table;
            content: "";
        }
        &::after {
            clear: both;
        }
    }
</style>
